<template>
  <div class="table">
    <div class="toolbar">
      <table-toolbar />
      <!-- 导出下拉显示 -->
      <download-bar />
    </div>
    <div class="content">
      <table-content />
    </div>
  </div>
</template>
<script setup>
import TableToolbar from './table-toolbar.vue'
import TableContent from './table-content.vue'
import DownloadBar from './download-bar.vue'
</script>
<style lang="less" scoped>
.table {
  height: 100%;
  display: flex;
  flex-direction: column;
  .content {
    flex: 1;
    overflow: hidden;
    margin-top: 16px;
  }
}
</style>
